<template>
    <div class="card item">
        <router-link :to="{ name: 'add' }" target="_blank">
            <svg
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="successColor"
                class="bi bi-plus card-img-top"
                viewBox="0 0 16 16"
            >
                <path
                    d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"
                />
            </svg>
            <div class="card-body">
                <div class="title">添加新笔记</div>
            </div>
        </router-link>
    </div>
</template>

<script>
export default {

};
</script>

<style scoped></style>
